{% if user.getImagenDefault %}
    <div class="foto-principal">
        <span>
            <img src="{{ user.getImagenDefault.getPathWeb(true) }}" alt="{{ user.getImagenDefault.label }}" title="{{ user.getImagenDefault.label }}" />
        </span>
    </div>
{% endif %}

{% if user.imagenes.count < 15 %}
    {% render 'AmistateBundle:editPerfil:addFoto' %}
{% endif %}

{% for foto in user.imagenes %}
    {% include 'AmistateBundle:editPerfil:edit_foto.html.twig' with {'foto': foto} %}
{% endfor %}

<script type="text/javascript">
    function defaultImage(idFoto){
        url = Routing.generate('imagen_default', { "imagen":idFoto });
        $.ajax({
            type: 'GET',
            url: url,
            success: function(data) {
                window.location.reload();
            }
          });
    }
    function deleteImage(idFoto){
        if(!confirm('Seguro que desea eliminar la foto?')) return false;
        url = Routing.generate('imagen_delete', { "imagen":idFoto });
        $.ajax({
            type: 'GET',
            url: url,
            success: function(data) {
                $('.cuadro-foto-'+idFoto).remove();
                $('.add-image').show();
            }
          });
    }
    function saveImage(idFoto){
        url = Routing.generate('imagen_save');
        $('.img-saveimage-'+idFoto).show();
        $('.btn-saveimage-'+idFoto).hide();
        $.ajax({
            type: 'POST',
            url: url,
            data: {
                imagen: idFoto,
                label: $('#label-'+idFoto).val(),
            },
            success: function(data) {
                $('.btn-saveimage-'+idFoto).show();
                $('.img-saveimage-'+idFoto).hide();
            }
          });
    }
</script>